{% extends 'LabiryntCmsBundle::layout.html.twig' %}

{% block body %}
	<div id="fb-root"></div>
	<script>
		(function(d, s, id) {
			var js, fjs = d.getElementsByTagName(s)[0];
			if (d.getElementById(id)) return;
			js = d.createElement(s); js.id = id;
			js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1";
			fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));
	</script>
	<script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		ga('create', 'UA-36371638-2', 'labirynt.com');
		ga('send', 'pageview');
	</script>
	
	<div class="nav clear">
		<ul class="nav-list"
			><li class="nav-element nav-sep"><a href="http://labirynt.com">{% trans %}<span class="nav-logo">Galeria</span>&nbsp;Labirynt<span class="nav-tm">&trade;</span>{% endtrans %}</a></li
			><li class="nav-element nav-sep"><a href="{{ url('labirynt_cms_homepage') }}">{% trans %}366&nbsp;obrotów{% endtrans %}</a></li
			><li class="nav-element"><a href="{{ url('labirynt_cms_drawing', {'number': current_drawing.getNumber()}) }}">{% trans with {'%number%': current_drawing.getNumber()} %}Dzień&nbsp;%number%{% endtrans %}</a></li
		></ul>
		
		<ul class="nav-listr"
			><li class="nav-element"><a class="inf-link" href="#about" title="{% trans %}Dowiedz się więcej{% endtrans %}">{% trans %}O projekcie{% endtrans %}</a></li
			><li class="nav-element"><a class="inf-link" href="{{ url('labirynt_cms_drawing_archive') }}" title="{% trans %}Zobacz pozostałe ilustracje{% endtrans %}">{% trans %}Archiwum{% endtrans %}</a></li
			><li class="nav-element"><a class="inf-link" href="#send" title="{% trans %}Powiedz znajomym o tym projekcie{% endtrans %}">{% trans %}Podziel się{% endtrans %}</a></li
		></ul>
	</div>
	
	<div class="ils">
		{% if previous %}
			<ul>
				<li><a class="ils-prev" href="{{ url('labirynt_cms_drawing', {'number': previous.getNumber()}) }}" title="{% trans %}Poprzedni dzień{% endtrans %}"></a></li>
			</ul>
		{% endif %}
		{% if next %}
			<ul>
				<li><a class="ils-next" href="{{ url('labirynt_cms_drawing', {'number': next.getNumber()}) }}" title="{% trans %}Kolejny dzień{% endtrans %}"></a></li>
			</ul>
		{% endif %}
		<img class="ils-image" src="/{{ current_drawing.getWebPath() }}" alt="{% trans with {'%number%': current_drawing.getNumber()} %}Galeria Labirynt i Mariusz Tarkawian prezentują 366 obrotów: dzień %number%{% endtrans %}">
		
		<p class="ftr">
			&copy; 2013 {% trans %}Galeria Labirynt{% endtrans %}<br>
			{% if app.request.locale == 'pl' %}
				<a href="{{ path('labirynt_cms_change_language', {'lang': 'en'}) }}">english version</a>
			{% else %}
				<a href="{{ path('labirynt_cms_change_language', {'lang': 'pl'}) }}">wersja polska</a>
			{% endif %}
		</p>
	</div>
	
	<div class="inf" id="about">
		<p>{% trans %}W&nbsp;czasie, w&nbsp;którym Ziemia wykona 366&nbsp;obrotów wokół własnej osi nachylonej pod&nbsp;kątem 23,44&nbsp;stopni do&nbsp;prostej prostopadłej do&nbsp;płaszczyzny orbity, Mariusz Tarkawian będzie codziennie umieszczać tu&nbsp;rysunki.{% endtrans %}</p>
	</div>
	
	<div class="inf" id="send">
		<ul class="snd-list"
			><li class="snd-element"><a href="//pinterest.com/pin/create/button/?url={{ url('labirynt_cms_drawing', {'number': current_drawing.getNumber()}) | url_encode }}&amp;media={{ url('labirynt_cms_homepage') | url_encode ~ current_drawing.getWebPath() | url_encode }}&amp;description={{ 'Galeria Labirynt i Mariusz Tarkawian prezentują 366 obrotów: dzień %number%' | trans({'%number%': current_drawing.getNumber()}) | url_encode }}" data-pin-do="buttonPin" data-pin-config="none"><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" alt=""></a></li
			><li class="snd-element"><div class="fb-share-button" data-href="{{ url('labirynt_cms_drawing', {'number': current_drawing.getNumber()}) }}" data-type="button_count"></div></li
			><li class="snd-element"><a href="https://twitter.com/share" class="twitter-share-button" data-text="{% trans with {'%number%': current_drawing.getNumber()} %}Galeria Labirynt i Mariusz Tarkawian prezentują 366 obrotów: dzień %number%{% endtrans %}" data-lang="pl" data-count="none">{% trans %}Tweetnij{% endtrans %}</a></li
			><li class="snd-element"><div class="g-plusone" data-size="medium" data-href="{{ url('labirynt_cms_drawing', {'number': current_drawing.getNumber()}) }}"></div></li
		></ul>
	</div>
{% endblock %}